@charset "utf-8";
html {width: 100%;height: 100%;min-height: 100%;}
body {font-size:16px; font-family:"Noto Sans KR"; color:#000; position: relative;height: 100%;min-height: 100%;font-weight:400;line-height: 1.5;}
a {text-decoration:none; color:inherit;vertical-align:top;}
.auto { margin:0 auto;position:relative;width:1200px;}
.auto:after,.clearFix:after,ol:after,ul:after,dl:after {content:""; display:block;width:0; height:0; overflow:hidden;clear:both;font-size:0; overflow: hidden;}
em , strong {font-weight: 700;}
ul.list > li { float: left;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html.fix {overflow-y: hidden;}
table a {vertical-align:middle;}
.transtion {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out ;
-ms-transition: all 0.3s ease-out ;
-o-transition: all 0.3s ease-out ;
transition: all 0.3s ease-out ;
}


/* skip */
#skipNav {height:0; overflow: hidden;}
#skipNav li a {display: block;font-size:16px;width:100%;position:absolute;top:-9999px;left:0;text-align:center;z-index:999999;}
#skipNav li a:focus, #skipNav li a.on {position:absolute;top:0;left:0;font-weight:bold;color:#fff;background:#272727;padding:20px 0;color:#ffffff;}


/* header */
#header {position: fixed; width: 100%;height: 106px;border-top: 5px solid #9acd34;z-index:999;border-bottom: 1px solid #d9d9d9; background: rgba(255,255,255,1); top:0;}
#header:after {}
#header .logo {float: left;}
#header .logo a {display: block;padding: 22px 0;}

/* gnb */
#header #gnb { float: left;margin-left: 110px;}
#header #gnb > ul { float: left;}
#header .gnbList > li {float: left; position: relative;}
#header .gnbList a {display: block; font-weight: 400;height: 101px;line-height: 101px;}
#header .gnbList > li > h2 > a {font-size: 18px; padding: 0 30px;background: url("../images/layout/gnbLine.png") no-repeat 0 50%;}
#header .gnbList > li:first-child > h2 > a {background: none;}
#header .gnbList > li > h2 > a i {font-size: 12px;margin-left: 10px;display: none;}
#header .gnbList > li:hover > h2 > a {color: #9acd34;}
#header .gnbList > li > .sub {overflow: hidden;position: absolute; display: none; text-align: center;left:50%;}
#header .gnbList > li > .sub a {display: block;height: 36px;line-height: 35px; background:#fff;  font-size: 14px;padding: 0 20px; border: 1px solid #d9d9d9; border-top: none;}
#header .gnbList > li > .sub li:first-child a {bord er-top: 1px solid #d9d9d9;}
#header .gnbList > li > .sub li:hover a {background: #f8f8f8;color: #9acd34;}
#header .gnbList > li .depth03 {display: none;}
#header .gnbList > li:last-child .sub {width: 165px;}
#header .gnbList > li:nth-child(1) > .sub {width: 160px;margin-left: -80px;}
#header .gnbList > li:nth-child(2) > .sub {width: 200px;margin-left: -100px;}
#header .gnbList > li:nth-child(3) > .sub {width: 270px;margin-left: -135px;}
#header .gnbList > li:nth-child(4) > .sub {width: 200px;margin-left: -100px;}
#header .gnbList > li:nth-child(5) > .sub {width: 200px;margin-left: -100px;}
.gnbList .gnb06 {display:none;}
.gnbList .gnb07 {display:none;}
.gnbList .gnb08 {display:none;}
.gnbList .gnb09 {display:none;}
.gnbList .gnb10 {display:none;}
.gnbList .gnb11 {display:none;}
.gnbList .gnb12 {display:none;}
.gnbList .gnb13 {display:none;}
.gnbList .gnb14 {display:none;}
#header .sns {float: right;margin-top: 33px;}
#header .sns li {float: left;}
#header .sns li {border: 0px solid #d9d9d9;margin-left: 8px;overflow: hidden;
}


/* mobile */
/* .btnAll {position: absolute; right:10px; top:0;display: none;padding: 20px 0;}.btnAll img {height: 20px;}*/

.btnAll {display:block}
.btnAll {position:absolute;top:0;right:0;display:none;height:60px;width:60px;z-index:60;padding: 18px 20px 20px 20px;}
.btnAll img {height: 20px;}



#header.mobileOn .gnbList > li.gnb08 > .sub {display:none !important;}
#header.mobileOn .gnbList > li.gnb09 > .sub {display:none !important;}
#header.mobileOn .gnbList > li.gnb10 > .sub {display:none !important;}
#header.mobileOn .gnbList > li.gnb11 > .sub {display:none !important;}




#header .gnbList > li.gnb08 > h2 > a {background:none;}
#header .gnbList > li.gnb09 > h2 > a {background:none;}
#header .gnbList > li.gnb10 > h2 > a {background:none;}
#header .gnbList > li.gnb11 > h2 > a {background:none;}









/* footer */
/* #footer {background: #2b2b2b;} */
#footer {background: #333439;}
#footer .gnbWrap {padding: 30px 0; border-bottom: 1px solid #414141;}
#footer .gnbWrap .gnbList {float: left;}
#footer .gnbWrap .direct {float: right;}
#footer .gnbWrap .direct a {color: rgba(255,255,255,0.5);font-size: 17px;display: block;padding: 0 0 15px 0;}
#footer .gnbWrap .gnbList > li  {float: left; padding-right: 95px;}
#footer .gnbWrap .gnbList > li > a  {color: rgba(255,255,255,0.5); font-size: 17px;margin-bottom: 10px;display: block;}
#footer .gnbWrap .gnbList > li > a i {display: none;}
#footer .gnbWrap .gnbList > li > .sub a  {color: rgba(255,255,255,0.3); font-size: 13px;}

#footer .addrWrap {padding: 20px 0;}
#footer .addrWrap .fLogo {float: right;margin-top: 10px;}
#footer .addrWrap address {float: left;font-size: 13px;color: rgba(255,255,255,0.3);line-height: 1.8;}
#footer .addrWrap address span {}
#footer .addrWrap address .copyright {font-size: 14px;color:  rgba(255,255,255,0.3);display: block; text-transform: uppercase;}
#footer .addrWrap address .download {display: block;width: 150px;height: 35px;line-height: 35px;background: #faa61a;font-size: 15px;color: #2b2b2b;text-align: center;margin-bottom: 15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}


#btnBack {display: block;font-size: 18px;width: 50px;height: 50px;border: 1px solid rgba(0,0,0,0.1);text-align: center;line-height: 50px; position: fixed; bottom:10px; left:10px;
background: rgba(255,255,255,0.8); z-index:99; display: none;padding-top: 18px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#btnTop {display: block;font-size: 18px;width: 50px;height: 50px;border: 1px solid rgba(0,0,0,0.1);text-align: center;line-height: 50px;position: fixed; bottom:10px; right:10px;
background: rgba(255,255,255,0.8); z-index:99; display: none;padding-top:15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

@media screen and (max-width:1200px) {
	.auto {width: 100%;}
	.programAuto {width:100%;}
	/* header */
	#header  {height: 168px;}
	#header .logo {float: none;text-align: center;}
	#header .logo a {display: block;padding: 22px 0;}

	/* gnb */
	#header #gnb { float: none;margin-left: 0;}
	#header #gnb > ul { float: none;text-align: center;}
	#header .gnbList > li {float: none;display: inline-block;}
	#header .gnbList > li > h2 > a  {height: 61px;line-height: 61px;}
	#header .gnbList .gnb06 {display:none;}
	#header .gnbList .gnb07 {display:none;}
	#header .gnbList .gnb08 {display:none;}
	#header .gnbList .gnb09 {display:none;}
	#header .gnbList .gnb10 {display:none;}
	#header .gnbList .gnb11 {display:none;}
	#header .gnbList .gnb12 {display:none;}
	#header .gnbList .gnb13 {display:none;}
	#header .gnbList .gnb14 {display:none;}
	#header .sns {float: none;margin-top: 0;position: absolute; right:20px; top:20px;}
	#header .sns li {float: left;}

	#footer {padding: 0 30px;}
	#footer .gnbWrap .gnbList > li {padding-right: 40px;}
}
@media screen and (max-width:980px) {
	#header {height:60px;}
	#header .logo {position: absolute; left:0; top:0;}
	#header .logo a {padding: 13px 0 15px 15px;}
	#header .logo img {height: 30px; width: auto;}

	#header .sns {display: none;}
	#header .btnAll {display: block;}


	#header #gnb {position: fixed; top:60px; top:-100%;width: 100%;height: 100%; min-height: 100%;margin-right: 0; background:rgba(255,255,255,1); overflow-y: scroll;}
	#header #gnb > ul { float: none; text-align: left;overflow-y:scroll;height: 760px;}
	#header .gnbList > li {float: none;position: relative;display: block;}

	#header .gnbList > li > h2 > a { height: 50px;line-height: 50px; font-size: 16px; font-weight:300; border-bottom:1px solid #d9d9d9;}
	#header .gnbList > li:first-child > h2 > a {bo rder-top: 1px solid #d9d9d9;}
	#header .gnbList > li > h2 > a i {font-size: 12px;margin-left: 10px; font-weight:300;}
	#header .gnbList > li > .sub li:hover a {}
	#header .gnbList > li > .sub {width: 100%;position: relative;padding: 20px; background: #f8f8f8;width: 100%;left:0;margin: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;}
	#header .gnbList > li:nth-child(1) > .sub {width: 100%;margin-left: 0px;}
	#header .gnbList > li:nth-child(2) > .sub {width: 100%;margin-left: 0px;}
	#header .gnbList > li:nth-child(3) > .sub {width: 100%;margin-left: 0px;}
	#header .gnbList > li:nth-child(4) > .sub {width: 100%;margin-left: 0px;}
	#header .gnbList > li:nth-child(5) > .sub {width: 100%;margin-left: 0px;}

	#header .gnbList > li:last-child .sub {width: 100%;}
	#header .gnbList > li > .sub a {text-align: left;padding-left: 30px; font-weight:300; line-height:40px; border: none;padding-left: 10px;background: url("../images/main/bulletList.png") no-repeat 0 55%;}
	#header .gnbList > li > .sub li:hover a {background: url("../images/main/bulletList.png") no-repeat 0 55%;color: #333;}
	#header .gnbList > li > .sub li:first-child a {border: none;}
	#header .gnbList > li:first-child > h2 > a {display: block;background:url("../../images/board/bottomArrow.png") 95% 50% no-repeat;-webkit-background-size: 20px auto;background-size: 20px auto;}
	#header .gnbList > li > h2 > a {position: relative; padding-left:20px;background:url("../../images/board/bottomArrow.png") 95% 50% no-repeat;-webkit-background-size: 20px auto;background-size: 20px auto;}
	#header .gnbList > li.open:first-child > h2 > a {background:url("../../images/board/topArrow.png") #feedd1 95% 50% no-repeat;-webkit-background-size: 20px auto;background-size: 20px auto;}
	#header .gnbList > li.open > h2 > a {background:url("../../images/board/topArrow.png") #feedd1 95% 50% no-repeat;-webkit-background-size: 20px auto;background-size: 20px auto;}

	#header .gnbList > li > h2 > a > i {display:none;}
	#header .gnbList > li > h2 > a > span.icon {position:absolute;top:50%;right:25px;display:block;height:13px;width:13px;margin-top:-7px;display: none;}
	#header .gnbList > li > h2 > a > span.icon span{position:absolute;left:0;top:50%;display:block;width:13px;height:1px;background:#fff;
		transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);	
		transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-webkit-transition: .25s ease-in-out
	}
	#header .gnbList > li > h2 > a > span.icon span:nth-child(1){
		transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg)
	}
	#header .gnbList > li.open > h2 > a > span.icon span:nth-child(1){
		transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg)
	}


	#header .gnbList .gnb07 {display:block;}
	#header .gnbList .gnb08 {display:block;}
	#header .gnbList .gnb09 {display:block;}
	#header .gnbList .gnb10 {display:block;}
	#header .gnbList .gnb11 {display:block;}
	#header .gnbList .gnb12 {display:block;}
	#footer .gnbWrap {display: none;}
	address {font-size: 13px; line-height: 1.5;}
	address .copyright {font-size: 10px; margin-top:5px;}
}	


@media screen and (max-width:768px) {
	#footer .fLogo {display: none;}
	#footer .addrWrap address {float: none;text-align: center;}
	#footer .addrWrap address a {display: inline-block;}
}
@media screen and (max-width:640px) {
	#footer .addrWrap address .download {display: none;}
	#footer .addrWrap address .telNum {background: none;line- height: 1.5;color: #666;width: auto;height: auto;}
}


/* 180523  */

	#quickMenu {position:fixed; right:50%; margin-right:-700px; top:590px; z-index:999; -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;}
	#quickMenu.fixed {top:150px;}
	.quick-tit {text-align:center; width:90px; height:65px; padding-top: 15px; background-color:#FFAC0D; border-radius:5px 5px 0 0; }
	.quick-tit p {font-size:15px; line-height: 18px; letter-spacing: -0.2px; color:#fff; font-weight: 500;}

	.quick-menu li {border:1px solid #DFDFDF; border-top: 0; background-color:#fff;}
	.quick-menu li:first-child {border-top: 1px solid #DFDFDF;}
	.quick-menu a{display:block; width:89px; height:89px; text-align:center; padding-top: 10px;}
	.quick-menu li img {vertical-align: middle;}
	.quick-menu a p {font-size:15px; line-height: 25px; letter-spacing: -0.5px; color:#525252; margin-top: 10px;}

	.quick-top-btn a {display:block; width:90px; height:45px; text-align:center; background-color:#FFAC0D; padding-top: 9px; line-height: 0;}
	.quick-top-btn a p {font-size:15px; line-height: 15px; letter-spacing: -0.5px; color:#fff;vertical-align: top; margin-top: 5px;}

	@media all and (max-width:1420px){
		#quickMenu {right:-100px;}
	}